
$(function () {
  // 获取所有分类 删除 编辑
  allCategory()
  function allCategory() {
    $.ajax({
      url: baseUrl + '/categories',
      success(res) {
        if (res && isLogin) {
          const newHtml = template('dataTempalte', { result: res })
          $('.cate').html(newHtml)
          handleDelete()
          handleEdit()
        }
      },
      error(err) {
        console.log(err);
      }
    })
  }

  // 取消删除
  $('.modul .cancel').click(function () {
    $('.modul').removeClass('show').addClass('hide')
  })

  // 添加分类
  $('.addForm').on('submit', function () {

    const form = $(this).serialize()

    $.ajax({
      url: baseUrl + '/categories',
      type: 'POST',
      data: form,
      success(res) {
        console.log(res);
        location.reload()
        allCategory()
      },
      error(err) {
        console.log(err);
      }
    })

    return false
  })

  function handleEdit() {
    $('.handel .edit').click(function () {
      let id = $(this).attr('data-id')
      $.ajax({
        url: baseUrl + '/categories/' + id,
        success(res) {
          // 渲染模板数据
          const newHtml = template('editTemplate', { result: res })
          $('.handleForm').html(newHtml)
          // 点击修改按钮
          $('.editForm').on('submit', function () {
            const form = $(this).serialize()
            $.ajax({
              url: baseUrl + '/categories/' + id,
              type: 'PUT',
              data: form,
              success(res) {
                location.reload()
                allCategory()
              },
              error(err) {
                console.log(err);
              }
            })

            return false
          })
        },
        error(err) {
          console.log(err);
        }
      })
    })
  }

  // 删除操作
  function handleDelete() {
    let id
    // 获取点击的删除按钮
    $('.cate .handel .delete-btn').click(function () {
      id = $(this).attr('data-id')
      // 显示模态框
      $('.modul').addClass('show').removeClass('hide')
    })
    // 点击模态的删除
    $('.modul .content .delete').click(function () {
      // 点击模态框的删除
      $.ajax({
        url: baseUrl + '/categories/' + id,
        type: 'DELETE',
        success(res) {
          location.reload()
        },
        error(err) {
          console.log(err);
        }

      })
    })
  }
})